﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ContactList.ascx.cs" Inherits="MpSoft.Web.AdminCP.Controls.Customer.ContactList" %>
<%--chosen--%>
<link rel="stylesheet" href="http://static.mpsoft.vn/Context/css/plugins/chosen/chosen.css">
<%--colorbox--%>
<link rel="stylesheet" href="http://static.mpsoft.vn/Context/css/plugins/colorbox/colorbox.css">
<%--dataTables--%>
<script src="http://static.mpsoft.vn/Context/js/plugins/jquery-ui/jquery.ui.datepicker.min.js"></script>
<%-- dataTables --%>
<script src="http://static.mpsoft.vn/Context/js/plugins/datatable/jquery.dataTables.min.js"></script>
<script src="http://static.mpsoft.vn/Context/js/plugins/datatable/TableTools.min.js"></script>
<script src="http://static.mpsoft.vn/Context/js/plugins/datatable/ColReorderWithResize.js"></script>
<script src="http://static.mpsoft.vn/Context/js/plugins/datatable/ColVis.min.js"></script>
<script src="http://static.mpsoft.vn/Context/js/plugins/datatable/jquery.dataTables.columnFilter.js"></script>
<script src="http://static.mpsoft.vn/Context/js/plugins/datatable/jquery.dataTables.grouping.js"></script>
<%--  Chosen  --%>
<script src="http://static.mpsoft.vn/Context/js/plugins/chosen/chosen.jquery.min.js"></script>
<%--  colorbox  --%>
<script src="http://static.mpsoft.vn/Context/js/plugins/colorbox/jquery.colorbox-min.js"></script>
<div class="row">
    <br />
    <div class="col-sm-9">
    </div>
    <div class="col-sm-3 btn-form" style="text-align: right;">
        <%--<asp:LinkButton ID="lnkUpdate" OnClick="lnkUpdate_Click" runat="server" CssClass="btn btn-green btn-large" Text="<i class='glyphicon-circle_plus'>&nbsp;</i>Cập nhật" />--%>
        <a id="cmdDelete" href="#settings" class="btn btn-large btn-delall"><i class="glyphicon-circle_minus">&nbsp;</i> Xóa</a>
    </div>
</div>

<div class="row">
    <div class="col-sm-12">
        <div class="box box-color box-bordered green">
            <div class="box-title">
                <h3>
                    <i class="fa fa-table"></i>
                    Danh sách liên hệ
                </h3>
            </div>
            <div class="box-content nopadding">
                <table class="table usertable table-date-6 table-bordered table-hover table-nomargin table-striped dataTable-1 dataTable-reorder">
                    <thead>
                        <tr class='thefilter'>
                            <th></th>
                            <th></th>
                            <th>Tên đầy đủ/Email</th>
                            <th>Tiêu đề</th>
                            <th>Ngày tạo</th>
                            <th></th>
                        </tr>
                        <tr>
                            <th class="tb-gen-1">STT</th>
                            <th class="tb-gen-1">
                                <input type="checkbox" data-color="blue" data-skin="square" class="icheck-me" name="check_all" id="check_all"></th>
                            <th>Tên đầy đủ/Email</th>
                            <th>Tiêu đề</th>
                            <th>Ngày tạo</th>
                            <th class="tab">Options</th>
                        </tr>
                    </thead>
                    <tbody>
                        <asp:Repeater ID="rpContacts" runat="server">
                            <ItemTemplate>
                                <tr>
                                    <td><%# Container.ItemIndex + 1 %></td>
                                    <td>
                                        <input data-color="blue" data-skin="square" class="icheck-me" type="checkbox" name="check" value="<%# Eval("ContactID") %>"></td>
                                    <td><%# Eval("Fullname") %> / <%# Eval("Email") %></td>
                                    <td><%# Eval("Title") %></td>
                                    <td><%#string.Format("{0:dd/MM/yyyy}", Eval("DateCreate")) %></td>
                                    <td>
                                        <a href='#inline_content' data-cid="<%# Eval("ContactID") %>" class='btn edit' rel='tooltip' title='Xem'><i class='fa fa-edit'></i></a>
                                        <a href='<%# Eval("ContactID") %>' class='btn Delete' rel='tooltip' title='Xóa'><i class='fa fa-times'></i></a>
                                    </td>
                                </tr>
                            </ItemTemplate>
                        </asp:Repeater>
                    </tbody>
                </table>

            </div>
        </div>
    </div>
</div>
<div style='display: none'>
    <div id='inline_content' style='padding: 10px; background: #fff; overflow: hidden;'>
        <div class="row">
            <div class="col-sm-12">
                <div class="box box-bordered">
                    <div class="box-title">
                        <h3>
                            <i class="fa fa-th-list"></i>Thông tin liên hệ</h3>
                    </div>
                    <div class="box-content nopadding form-horizontal form-bordered">
                        <div class="form-group">
                            <label for="textfield" class="control-label col-sm-2" style="padding: 10px;">Tên đầy đủ:</label>
                            <div class="col-sm-10">
                                <span id="fullname">Phan văn huy</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="textfield" class="control-label col-sm-2" style="padding: 10px;">Email:</label>
                            <div class="col-sm-10">
                                <span id="email">Email</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="textfield" class="control-label col-sm-2" style="padding: 10px;">Địa chỉ:</label>
                            <div class="col-sm-10">
                                <span id="address">ĐỊa chỉ</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="textfield" class="control-label col-sm-2" style="padding: 10px;">Công ty:</label>
                            <div class="col-sm-10">
                                <span id="company">Công ty</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="textfield" class="control-label col-sm-2" style="padding: 10px;">Số điện thoại:</label>
                            <div class="col-sm-10">
                                <span id="phone">Số điện thoại</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="textfield" class="control-label col-sm-2" style="padding: 10px;">Tiêu đề:</label>
                            <div class="col-sm-10">
                                <span id="title">Tiêu đề</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="textfield" class="control-label col-sm-2" style="padding: 10px;">Nội dung:</label>
                            <div class="col-sm-10">
                                <span id="contentContact"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        Contact();
    });
</script>
